<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>鼠标悬停图片上显示文字 在线演示 html8.com.cn</title>
		<style>
			

			/* css注释说明：兼容ie6 支持标签使用hover */
			.HTML8 {
				
				width: 280px;
				height: 60px;
				margin: 0 auto
			}

			.HTML8 span {
				display: none;
			}

			.HTML8:hover {
				cursor: pointer
			}

			

			.HTML8:hover span {
				display: block;
				
				bottom: 0;
				left: 0;
				color: #FFF;
				width: 280px;
				z-index: 10;
				height: 36px;
				line-height: 36px;
				background: #000;
				filter: alpha(opacity=60);
				-moz-opacity: 0.5;
				opacity: 0.5;
			}

			/* 设置显示文字定位位置，背景半透明 */
		</style>
	</head>
	<body>

		<div class="HTML8" style="background:url(imgexp.png)">
			<span>我思施工技术个哈国惠康啊</span>

		</div>
</div>
</body>
</html>
